(function(jq, page) {

    var modify_data = {
        temp: {},
        target_id:'#table-data-desc',
        init: function() {
            this.mask = page.utils.mask;
            this.bindEvent();
        },
        bindEvent: function() {
            $('body').on('click', '#btn-modify-data', function(e) {
                e.preventDefault();
                var $target = jq(e.target);
                modify_data.mask.show();
                modify_data.handlers.jsongetHandler($target, modify_data.lib.xsbuild);
            });
            $('body').on('click', '.btn-close', function(e) {
                e.preventDefault();
                var $target = jq(e.target);
                $target.remove();
                $(modify_data.target_id).removeClass('mask-box').html(modify_data.temp);
                modify_data.mask.hide();
            });
            $('body').on('click', '.btn-sub', function(e) {
                e.preventDefault();
                var $target = jq(e.target);
                console.log($target);


            })
        },
        handlers: {
            jsongetHandler: function($o, successHandler, errorHandler) {
                var v_data = {
                    type: 'get',
                    url: $o.attr('href'),
                    data: jq.param({
                        'oid': $o.data('id')
                    })
                };
                jq.ajax(v_data).done(page.remote.done(successHandler)).error(page.remote.error(errorHandler))
            }
        },
        lib: {
            xsbuild: function(data) {
                modify_data.temp = $(modify_data.target_id).html();
                $(modify_data.target_id).html('').html(data).addClass('mask-box');
            }
        }
    }

    page.modifyData = modify_data;


})(jQuery, window.page || (window.page = {}));
page.modifyData.init();
